body {
    background:#fdfdfd
}
.register {
    margin-bottom:.266666666666667rem
}
.regWord {
    text-align:center;
    line-height:.666666666666667rem;
    margin:.853333333333333rem;
    font-size:.426666666666667rem;
    color:#42464b
}
.reg-port {
    margin:.426666666666667rem 4.266666666666667%;
    border:1px solid #e2e4e5;
    overflow:hidden;
    height:1.28rem;
    line-height:1.28rem;
    background:#f6f8fb;
    border-radius:.08rem;
    position:relative;
    padding:0 3.2%
}
.reg-port .error {
    color:#f76260
}
.reg-port .svgflag {
    display:inline-block;
    width:.64rem;
    height:.64rem;
    position:absolute;
    left:3.2%;
    top:50%;
    margin-top:-.32rem;
    text-align:center;
    line-height:.64rem
}
.reg-port .svgflag svg {
    width:100%;
    height:100%
}
.reg-port .svgclear {
    display:inline-block;
    width:.853333333333333rem;
    height:100%;
    position:absolute;
    top:0;
    right:0
}
.reg-port .svgclear svg {
    width:.533333333333333rem;
    height:.533333333333333rem;
    position:absolute;
    left:.213333333333333rem;
    margin-left:-.266666666666667rem;
    top:50%;
    margin-top:-.266666666666667rem;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.reg-port .code {
    font-size:.346666666666667rem;
    color:#717478;
    display:inline-block;
    width:30%;
    height:98%;
    line-height:1.386666666666667rem;
    text-align:center;
    position:absolute;
    right:0
}
.reg-port .canQueryCode {
    color:#ff8b26
}
.reg-port input {
    outline:0;
    width:74%;
    border:0;
    line-height:.64rem;
    color:#42464b;
    font-size:.426666666666667rem;
    background:transparent;
    position:absolute;
    left:1.28rem;
    top:50%;
    margin-top:-.32rem
}
.reg-port input::-webkit-input-placeholder {
    color:#717478;
    font-size:.426666666666667rem
}
.reg-port-left {
    display:inline-block
}
.reg-port-left .svgclear {
    right:25%
}
.reg-port-left input {
    width:50%
}
.btn-submit button {
    margin:.533333333333333rem 3.733333333333333% .32rem;
    width:91.46666666666667%;
    font-weight:400
}
.promise {
    text-align:center;
    font-size:.32rem;
    color:#717478
}
.promise a {
    color:#f57c00
}
.reg-port {
    margin-top:.213333333333333rem;
    margin-bottom:.213333333333333rem
}
.reg-port .lable {
    font-size:.426666666666667rem;
    color:#2d3238
}
.reg-port input {
    font-size:.4rem;
    margin-left:.213333333333333rem
}
.reg-port input::-webkit-input-placeholder {
    font-size:.4rem
}
.reg-port .date-lable {
    font-size:.4rem;
    margin-left:.213333333333333rem;
    color:#717478
}
.register .item {
    background:#fdfdfd
}
.register .item .lable {
    float:left;
    display:block
}
.register .item .sex {
    display:block;
    float:left;
    width:2.266666666666667rem;
    height:.906666666666667rem;
    margin-left:3.2%;
    margin-top:.16rem;
    background:#fdfdfd;
    border-radius:.08rem;
    border:1px solid #e2e4e5;
    line-height:.906666666666667rem;
    font-size:.426666666666667rem;
    color:rgba(0,0,0,.87);
    text-align:center;
    position:relative
}
.register .item .sex svg {
    display:block;
    position:absolute;
    right:-.026666666666667rem;
    top:-.026666666666667rem;
    width:.293333333333333rem;
    height:.293333333333333rem;
    color:#e2e4e5
}
.register .item .arrowdown {
    position:absolute;
    right:.266666666666667rem;
    top:.48rem;
    display:block;
    height:.266666666666667rem;
    width:.266666666666667rem;
    fill:rgba(0,0,0,.54)
}
.register .sex.cur {
    border-color:currentColor;
    color:#ff9800
}
.register .sex.cur svg {
    color:#ff6d00
}
.btn-submit button {
    margin-top:.746666666666667rem
}
::-webkit-input-placeholder {
    font-size:.426666666666667rem;
    color:rgba(0,0,0,.26)
}
.register datepicker {
    width:70%;
    float:left;
    height:100%
}
datepicker::-webkit-input-placeholder {
    color:#333
}
#birth {
    margin-top:0;
    background:#fff;
    width:80%;
    height:100%;
    top:0;
    opacity:0
}
